<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>订单详情</title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=P6VrB5UEVvbu1wifaYtlMF2BDpgG13oX"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_utility.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/iss_app_configure.js?time=20171213174312"></script>
</head>

<body>
    <div class="views">
        <div class="view view-main">
            <div class="pages navbar-fixed ">
                <div id="ticketBookingDetail_page" data-page="ticketBookingDetail" class="page ticketBookingDetail" style="margin: 0;padding: 0;">
                    <!-- navbar 开始 -->
                    <div class="navbar theme-white">
                        <div class="navbar-inner">
                            <div class="left">
                                <a href="#" class="back link"><i class="icon icon-back"></i><span>返回</span></a>
                            </div>
                            <div class="center">
                                订单详情</div>
                            <div class="right">
                            </div>
                        </div>
                    </div>
                    <!-- navbar 结束 -->
                    <div class="page-content" style="padding-bottom:0;">
                        <div class="order-status" style="background-color:#ffdfdd;color:#ef5848;height:30px;line-height:30px;text-align:center">
                            待付款
                        </div>
                        <div class="header" style="background-color:white;">
                            <div class="list-block" style="margin:0;">
                                <li class="item-content">
                                    <div class="item-inner">
                                        <div class="item-title">
                                            <div style="font-size:1em;font-weight: bold;" class="ticketTitle"></div>
                                            <div style="margin-top:10px;">
                                                <span>订单总价：</span>
                                                <span style="font-size:1.2em;color:#ef5848" class="sumprice"></span>
                                            </div>
                                        </div>
                                        <div class="item-after">
                                            <img src="../../assets/images/base/arrow_right.png" height="15" />
                                        </div>
                                    </div>
                                </li>
                            </div>
                        </div>
                        <div class="content" style="background-color:white;margin-top:10px;padding:20px 0 20px 15px">
                            <div>
                                <span style="color:#999">购买数量</span>
                                <span style="margin-left:20px" class="orderNumber"></span>
                            </div>
                            <div style="margin-top:10px">
                                <span style="color:#999">使用日期</span>
                                <span style="margin-left:20px" class="useTime"></span>
                            </div>
                            <div class="useWay" style="margin-top:10px">
                                <span style="color:#999">使用方法</span>
                                <span style="margin-left:20px">无需换票，凭身份证或短信验证码直接入园</span>
                            </div>
                            <div class="role" style="margin-top:10px">
                                <span style="color:#999">退改规则</span>
                                <span style="margin-left:20px">暂无</span>
                            </div>
                            <div class="divide" style="height:1px;background-color:#ccc;margin:20px 0px;"></div>
                            <div>
                                <span style="color:#999">订单号&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                <span style="margin-left:20px" class="orderNo"></span>
                            </div>
                            <div style="margin-top:10px">
                                <span style="color:#999">创建时间</span>
                                <span style="margin-left:20px" class="creatTime"></span>
                            </div>
                            <div class="divide" style="height:1px;background-color:#ccc;margin:20px 0px;"></div>
                            <div>
                                <span style="color:#999">购买人&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                <span style="margin-left:20px" class="person"></span>
                            </div>
                            <div style="margin-top:10px">
                                <span style="color:#999">联系电话</span>
                                <span style="margin-left:20px" class="phoneNumber"></span>
                            </div>
                        </div>
                        <div class="personInfo">

                        </div>
                        <script id="template-visitor-list" type="text/template7">
                            <ul id="accordion" class="accordion">
                                {{#each Visitors}}
                                <div style="background-color:#efeff4;height:10px;width:100%"></div>
                                <li>
                                    <div class="link">
                                        <a style="color:black">
                                            <div style="line-height:24px;height:24px;">
                                                <div style="width:7px;background-color:#296fb1;margin-right:5px;height:100%;float:left;"></div>
                                                {{StatusName}}
                                                <div style="float:right;">
                                                    <span style="color:#999">{{count}}</span>
                                                    <img class="arrow" src="../../assets/images/base/arrow_left.png" width="24" style="float:right" />
                                                </div>
                                            </div>
                                        </a>
                                    </div>

                                    <ul class="submenu">
                                        {{#each this.visitorLists}}
                                        <li style="border-bottom:1px solid #cccccc;padding: 10px 15px;">
                                            <div>
                                                <div class="personName" style="display:flex">
                                                    <div style="color:#999">游玩人&nbsp;&nbsp;&nbsp;&nbsp;</div>
                                                    <div style="margin-left:20px;flex:1">{{username}}</div>
                                                </div>
                                                <div class="idCard" style="margin-top:10px;display:flex">
                                                    <span style="color:#999">身份证&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                                    <span style="margin-left:20px;flex:1">{{idcard}}</span>
                                                </div>
                                                <div>
                                        </li>
                                        {{/each}}
                                    </ul>
                                </li>
                                {{/each}}
                            </ul>
                        </script>
                    </div>
                    <div class="toolbar" style="background-color:white;line-height:44px;">
                        <div class="toolbar-inner" style="padding:0;">
                            <div class="cancleOrder" style="width:50%;height:44px;text-align:center;background-color:#cccccc">
                                取消订单
                            </div>
                            <div class="payOrder" style="background-color:#ef5848;text-align:center;width:50%;height:44px;color:white">立即支付</div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end page -->
        </div>
        <!-- end pages -->
    </div>
    <!-- end view-main-->
    <!-- 外部链接 -->
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <!-- Framework7 Library JS-->
    <script type="text/javascript" src="../../assets/js/base/framework7.min.js?time=20171213174312"></script>
    <!-- Api -->
    <script type="text/javascript" src="../../assets/js/base/iss_api_jquery.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/base/iss_api_base64.js?time=20171213174312"></script>
    <!-- App js-->

    <script type="text/javascript" src="../../assets/js/common/iss_app.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_common_user.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_convertor.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/base/iss_api_base64.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/base/iss_api_md5.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_login.js?time=20171213174312"></script>

</body>

</html>